var bannerInterval = 5000;
var homeBannerInterval = 5000;
$(function(){
	//initialize banner rotator
	initBannerRotator();
	
	//initialize menu
	initMenu();
	
	//initialize banner rotator
	initHomeRotator();
	
	//initialize du an trong diem banner rotator
	initDatdBanner();
});

function initBannerRotator(){
	var $images = $('.ro-banner .ro-img');
	var imgIndex = 0;
	var intervalObj = null;
	var $btnNext = $('.ro-banner .btn-next');
	var $btnPrev = $('.ro-banner .btn-prev');
	if($images.size() > 0){
		$images.eq(imgIndex).fadeIn();
		if($images.size() > 1){
			$btnNext.show();
			$btnPrev.show();
			setInterval(function(){
				$('.ro-banner .btn-next').click();
			},bannerInterval);
		}
	} else {
		$('.msg-ro-no-img').show();
		var msgXPos = ($('.ro-banner').width() - $('.msg-ro-no-img').outerWidth()) / 2;
		var msgYPos = ($('.ro-banner').height() - $('.msg-ro-no-img').outerHeight()) / 2;
		$('.msg-ro-no-img').css({
			'left' : msgXPos + 'px',
			'top' : msgYPos + 'px'
		});
	}
	
	$btnNext.click(function(){
		if($images.size() > 1){
			$images.eq(imgIndex).fadeOut();
			if(imgIndex < $images.size() - 1){
				imgIndex++;
			} else {
				imgIndex = 0;
			}
			$images.eq(imgIndex).fadeIn();
		}
	});
	
	$btnPrev.click(function(){
		if($images.size() > 1){
			$images.eq(imgIndex).fadeOut();
			if(imgIndex > 0){
				imgIndex--;
			} else {
				imgIndex = $images.size() - 1;
			}
			$images.eq(imgIndex).fadeIn();
		}
	});
}

function initMenu(){
	//alert(1);
	var sub1Timer = null;
	var sub2TimerDiv = null;
	var sub2TimerA = null;
	$('.menu-sub-1,.menu-sub-2,.menu-sub-3').hide();
	$('.master-menu .item-3').hover(
		function(){
			$('.menu-sub-1,.menu-sub-2,.menu-sub-3').hide();
			$('.menu-sub-1').show();
			
		},
		function(){
			sub1Timer = setTimeout(function(){
				$('.menu-sub-1').hide();
			},100);
			
		}
	);
	
	$('.master-menu .item-4').hover(
		function(){
			$('.menu-sub-1,.menu-sub-2,.menu-sub-3').hide();
			$('.menu-sub-2').show();
			
		},
		function(){
			sub1Timer = setTimeout(function(){
				$('.menu-sub-2').hide();
			},100);
			
		}
	);
	
	$('.menu-sub-1').hover(
		function(){
			clearTimeout(sub1Timer);
		},
		function(){
			sub2TimerDiv = setTimeout(function(){
				$('.menu-sub-1').hide();
			},100);
			
		}
	);
	
	$('.item-3-2').hover(
		function(){
			$('.menu-sub-3').show();
		},
		function(){
			sub2TimerA = setTimeout(function(){
				$('.menu-sub-3').hide();
			},100);
			
		}
	);
	
	$('.menu-sub-2').hover(
		function(){
			clearTimeout(sub1Timer);
			
		},
		function(){
			$(this).hide();
		}
	);
	
	$('.menu-sub-3').hover(
		function(){
			clearTimeout(sub2TimerA);
			clearTimeout(sub2TimerDiv);
		},
		function(){
			$(this).hide();
		}
	);
}

function initHomeRotator(){
	var $images = $('.home-header .bg-img');
	var imgIndex = 0;
	setInterval(function(){
		if($images.size() > 1){
			$images.eq(imgIndex).fadeOut();
			if(imgIndex > 0){
				imgIndex--;
			} else {
				imgIndex = $images.size() - 1;
			}
			$images.eq(imgIndex).fadeIn();
		}
	},homeBannerInterval);
	
}

function initDatdBanner(){
	//initialize
	$('.img-datd-1').show();
	$('.img-datd-2,.img-datd-3').hide();
	$('.btn-datd-1').addClass('active');
	
	var i = 0;
	var interval = 5000000;

	//action when click to change the radio button on top bannel
	$('.btn-datd-1').click(function(){
		$('.btn-datd-1,.btn-datd-2,.btn-datd-3').removeClass('active');
		$(this).addClass('active');
		$('.img-datd-1').show();
		$('.img-datd-2,.img-datd-3').hide();
		i = 0;
		clearInterval();
		return false;
	});
	$('.btn-datd-2').click(function(){
		$('.btn-datd-1,.btn-datd-2,.btn-datd-3').removeClass('active');
		$(this).addClass('active');
		$('.img-datd-2').show();
		$('.img-datd-1,.img-datd-3').hide();
		i = 1;
		clearInterval();
		return false;
	});
	$('.btn-datd-3').click(function(){
		$('.btn-datd-1,.btn-datd-2,.btn-datd-3').removeClass('active');
		$(this).addClass('active');
		$('.img-datd-3').show();
		$('.img-datd-1.img-datd-2').hide();
		i = 2;
		clearInterval();
		return false;
	});

	//set interval to change the top bannel image
	
	interval = setInterval(function(){
		if(i == 0){
			$('.btn-datd-2').click();
			i = 1;
		}else if(i == 1){
			$('.btn-datd-3').click();
			i = 2;
		}else{//i==2
			$('.btn-datd-1').click();
			i = 0;
		}
	},interval);
	 
	 
};